<script setup lang="ts">
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup

import FileManager from './components/FileManager.vue'
import FileUpload from './components/upload/FileUpload.vue'
import FileDownload from './components/download/FileDownload.vue'
import Cinema from './components/cinema/Cinema.vue'
import Controller from './components/cinema/Controller.vue'
import { useScreenOrientation } from '@vueuse/core'
import { onBeforeMount, onMounted } from 'vue';



onMounted(()=>{
//   const {
//   isSupported,
//   orientation,
// } = useScreenOrientation()
//   if (!isSupported){
//     console.log('Can not get screen orientation!')
//     return
//   }
//   if(orientation.value?.includes('landscape')){
//     console.log('Screent Orientation: landscape')
//     const app=document.querySelector('#app') as HTMLElement
//     app.classList.add('landscape')
//   }
})

</script>

<template>
  <!-- <FileUpload></FileUpload> -->
  <Controller></Controller>
</template>

<style>


#app {
  height: 100%;
  width: 100%;
  background-color: var(--bg-color);
}

/* #app.landscape{
  width: 400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
} */
.text-overflow{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
</style>
